056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting

Update: 2024-09-03

Description

WATCH

▶️ Watch this episode on YouTube

**********

EPISODE DESCRIPTION

Learn how to optimize SharePoint Framework web parts using code splitting techniques with Webpack magic comments for improved performance.

Get any links, images, and resources mentioned in this episode in the associated article and YouTube video.

If you enjoyed this episode, you might like my YouTube Channel, my The Full Stack Dev's Microsoft 365 Playbook newsletter, and my articles on voitanos.io/blog!

Comments

In Channel

064 | Microsoft 365 Developer Program Tenants: Questions + Wishes

2025-05-0109:40

063 | Microsoft 365 Developer Program Status - April 2025

2025-04-2419:30

062 | Voitanos 2.0 - Concepts Made Clear Introducing the New Brand

2024-11-0407:09

061 | Microsoft 365 Copilot Developer GA - All you need to know!

2024-10-2921:50

060 | Troubleshoot TTK issues with Node, Azure Functions, & macOS

2024-10-0708:32

059 | SharePoint Framework v1.20 - What's in the Latest Release

2024-10-0720:40

058 | Port Retiring Office 365 Connectors to Microsoft Teams Bots

2024-09-0516:13

057 | Validate Microsoft Entra ID generated OAuth tokens

2024-09-0416:10

056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting

2024-09-0308:42

055 | Microsoft Graph Webhooks - What, Why, How & Best Practices

2024-07-2415:46

054 | SharePoint Framework Domain Isolated Web Part Retirement

2024-07-1204:35

053 | Setting the SharePoint Framework Hosted Workbench Test Site

2024-06-1906:18

052 | What You Need to Know - Microsoft 365 Developer Program Changes in 2024

2024-06-1708:49

051 | Microsoft 365 Full-Stack Developer's Recap to Build 2024

2024-06-1155:50

050 | Should your next Microsoft 365 app be a SPFx web part, SPA, or Teams app?

2024-06-0206:16

049 | SharePoint Framework v1.19 - What's in the Latest Release

2024-05-2107:08

048 | Sharing Code in SharePoint Framework (SPFx) Projects: npm vs. Library Components

2024-01-2513:24

047 | Navigate ESLint in SharePoint Framework (SPFx) Projects + Guidance

2024-01-1809:04

046 | Why React Hooks: Enhancing Code Performance and Readability

2024-01-1109:08

045 | Zero to Hero: Complete Tutorial on Building SharePoint Embedded Apps

2024-01-0950:17

00:00

056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting

#box-pro-ellipsis-176179814862553{-webkit-line-clamp:2;}056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting

056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting

Andrew Connell

056 | Webpack Magic in SPFx: Optimize Bundles with Code Splitting